<!doctype html>
<html><head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="keywords" content="">
<meta name="description" content="mezz">
<meta name="author" content="mezz">
<link href="css/css.css" rel="stylesheet">
<link href="css/chosen.css" rel="stylesheet">
<!--[if lt IE 9]>
    <link href="css/ie.css" rel="stylesheet" type="text/css" >
    <meta http-equiv="X-UA-Compatible" content="IE=8" >
<![endif]-->
<!--[if lte IE 6]><meta http-equiv="refresh" content="0;url=IE6/IE6.html"><![endif]-->
<link href="favicon.ico" rel="SHORTCUT ICON">
<title>17素材·私厨 - 为你推荐遍布全球最新鲜，最与众不同的顶级生活方式</title>
</head>
<body>
<div class="head">
  <div class="wrap clearfix">
    <a href="index.html" class="logo indent">logo</a>
    <div class="headr fr">
      <form action="active.html" method="post" class="headsearch">
        <label class="label">
          <input type="text" value="" name="" class="key">
          <span class="text">搜索地址、名称、时间等</span>
        </label>
        <button type="submit" class="button btn-search">&#xe628;</button>
      </form>
      <a href="#"><em><img src="images/sb.png"></em>  &nbsp;&nbsp;发布我的饭局</a>
      <div class="user">
        <span class="clearfix"><span class="userimg"><img src="upload/img12.png"><i></i></span>
        <a href="javascript:;" class="fr">设计--麻  <em>&#xe607;</em></a></span>
        <ul class="topslide">
          <li><em>&#xe627;</em><a href="mem.html">个人设置</a></li>
          <li><em>&#xe63d;</em><a href="Message.html">消息中心<s>3</s></a></li>
          <li><em>&#xe63c;</em><a href="Dinner.html">饭局管理</a></li>
          <li><em>&#xe63e;</em><a href="fans.html">我的好友</a></li>
          <li><em>&#xe611;</em><a href="index.html">退出</a></li>
        </ul>
      </div>
    </div>
  </div>
</div>


<div class="activewrap wrap clearfix">
  <div class="section fl">
    <div class="Condition clearfix">
      <div class="item classfy">
        <h1>类别</h1>
        <a href="#">中餐</a><a href="#" class="current">西餐</a><a href="#">意餐</a>    
      </div>
      <div class="item time">
        <h1>时间</h1>
        <input id="" class="Wdate" type="text" onfocus="WdatePicker({minDate:'%y-%M-{%d+1}',isShowClear:false,isShowToday:false,readOnly:true})"/> - <input id="" class="Wdate" type="text" onfocus="WdatePicker({minDate:'%y-%M-{%d+1}',isShowClear:false,isShowToday:false,readOnly:true})"/>
      </div>
      <div class="item place">
        <h1>地点</h1>
        <a href="#">北京市</a><a href="#">上海市</a><a href="#">天津市</a><a href="#" class="current">重庆市</a><a href="#">吉林省</a><a href="#">河北省 </a>      </div>
      <div class="item Number">
        <h1>就餐人数</h1>
        <a href="#"> 1人</a><a href="#" class="current">2人</a><a href="#">3人</a><a href="#">4人</a><a href="#">5人</a><a href="#">6人</a>    
      </div>
      
    </div>
    
    <div class="sortbar mt10 clearfix">
      <ul class="nav-pills">
        <li class="current"><a href="active.html?id=1" title="全部">全部</a></li>
        <li><a href="active.html?id=2" title="时间">时间<em class="ico time"></em></a></li>
        <li><a href="active.html?id=3" title="菜金从高到低">菜金<em class="ico price"></em></a></li>
      </ul>
      <div class="pagination-sort fr">
        <span class="page-info"><strong>1</strong>/33</span>
        <a href="javascript:;" class="myfont page-prev">&#xe606;</a>
        <a href="javascript:;" class="myfont page-next">&#xe609;</a>
      </div>
      
    </div>
    
    <ul class="active-list">
      <li>
        <div class="img">
          <a href="detail.html"><img src="upload/img20.jpg"></a>
          <div class="bottominfo">
            <span class="label"><a href="javascript:;">活动玩法</a><a href="javascript:;">活动标签</a><a href="javascript:;">活动标签</a></span><a href="Sign_up.html" class="Sign_up">我要报名</a>
          </div>
        </div>
        <div class="active-info">
          <div class="user">
            <a href="#" class="userimg"><img src="upload/img21.png"></a>
            <a href="#">会员名称</a><em class="user-level"></em><em class="user-level"></em><em class="user-level"></em>
          </div>
          <div class="txt">伦敦最具“摇滚精神”的独立花店——Rebel Rebel受『中赫时尚』设计工作室之邀来到北京，展示温柔花艺叛逆的另一面：不循规蹈矩，永远创新——用最柔美的花朵说着最执着的语言。</div>
          <span class="o">88元/每人(6位) </span>  2015年1月1日
        </div>
      </li>
      <li>
        <div class="img">
          <a href="detail.html"><img src="upload/img20.jpg"></a>
          <div class="bottominfo">
            <span class="label"><a href="javascript:;">活动玩法</a><a href="javascript:;">活动标签</a><a href="javascript:;">活动标签</a></span><a href="Sign_up.html" class="Sign_up">我要报名</a>
          </div>
        </div>
        <div class="active-info">
          <div class="user">
            <a href="#" class="userimg"><img src="upload/img21.png"></a>
            <a href="#">会员名称</a><em class="user-level"></em><em class="user-level"></em><em class="user-level"></em>
          </div>
          <div class="txt">伦敦最具“摇滚精神”的独立花店——Rebel Rebel受『中赫时尚』设计工作室之邀来到北京，展示温柔花艺叛逆的另一面：不循规蹈矩，永远创新——用最柔美的花朵说着最执着的语言。</div>
          <span class="o">88元/每人(6位) </span>  2015年1月1日
        </div>
      </li>
      <li>
        <div class="img">
          <a href="detail.html"><img src="upload/img20.jpg"></a>
          <div class="bottominfo">
            <span class="label"><a href="javascript:;">活动玩法</a><a href="javascript:;">活动标签</a><a href="javascript:;">活动标签</a></span><a href="Sign_up.html" class="Sign_up">我要报名</a>
          </div>
        </div>
        <div class="active-info">
          <div class="user">
            <a href="#" class="userimg"><img src="upload/img21.png"></a>
            <a href="#">会员名称</a><em class="user-level"></em><em class="user-level"></em><em class="user-level"></em>
          </div>
          <div class="txt">伦敦最具“摇滚精神”的独立花店——Rebel Rebel受『中赫时尚』设计工作室之邀来到北京，展示温柔花艺叛逆的另一面：不循规蹈矩，永远创新——用最柔美的花朵说着最执着的语言。</div>
          <span class="o">88元/每人(6位) </span>  2015年1月1日
        </div>
      </li>
      <li>
        <div class="img">
          <img src="upload/img20.jpg">
          <div class="bottominfo">
            <span class="label"><a href="javascript:;">活动玩法</a><a href="javascript:;">活动标签</a><a href="javascript:;">活动标签</a></span><a href="Sign_up.html" class="Sign_up">我要报名</a>
          </div>
        </div>
        <div class="active-info">
          <div class="user">
            <a href="#" class="userimg"><img src="upload/img21.png"></a>
            <a href="#">会员名称</a><em class="user-level"></em><em class="user-level"></em><em class="user-level"></em>
          </div>
          <div class="txt">伦敦最具“摇滚精神”的独立花店——Rebel Rebel受『中赫时尚』设计工作室之邀来到北京，展示温柔花艺叛逆的另一面：不循规蹈矩，永远创新——用最柔美的花朵说着最执着的语言。</div>
          <span class="o">88元/每人(6位) </span>  2015年1月1日
        </div>
      </li>
    </ul>
    
    <div class="page2">
      <div class="inner">
        <span>
          <span>
            <a class="previous disabled" href="#" onclick="return false;"></a>
            <a href="#" class="next"></a>
            <font class="current">1</font>
            <a href="#">2</a><a href="#">3</a><a href="#">4</a><a href="#">5</a> ... <a href="#">29</a>
          </span>
        </span>
      </div>
    </div>
    
  </div>
  
  <div class="aside fr">
    <h1 class="header">热门活动</h1>
    <div class="hot-active">
      <a href="#" class="img"><img src="upload/img19.jpg"></a>
      <div class="active-info">
        <div class="user">
          <a href="#" class="userimg"><img src="upload/img12.png"></a>
          <a href="#">会员名称</a>
        </div>
        <div class="hd"><a href="#">标题用最柔美的花朵说着最执着的语</a></div>
        <span class="o">88元/每人(6位) </span>  2015年1月1日
      </div>
    </div>
    <ul class="active-news">
      <li><span class="time">[11-10]</span><a href="#">海纳创作料理价值350元高级...</a></li>
      <li><span class="time">[11-10]</span><a href="#">海纳创作料理价值350元高级...</a></li>
      <li><span class="time">[11-10]</span><a href="#">海纳创作料理价值350元高级...</a></li>
      <li><span class="time">[11-10]</span><a href="#">海纳创作料理价值350元高级...</a></li>
      <li><span class="time">[11-10]</span><a href="#">海纳创作料理价值350元高级...</a></li>
      <li><span class="time">[11-10]</span><a href="#">海纳创作料理价值350元高级...</a></li>
    </ul>
  </div>
  
</div>

<!--foot-->
  <div class="footmenu">
    <div class="wrap clearfix">
      <div class="item bd0">
        <h1 class="hd">产品理念</h1>
        <ul>
          <li><a href="#">食品安全</a></li>
          <li><a href="#">订购流程</a></li>
          <li><a href="#">修改订单</a></li>
          <li><a href="#">冷链配送</a></li>
          <li><a href="#">全程冷链</a></li>
        </ul>
      </div>
      <div class="item">
        <h1 class="hd">产品理念</h1>
        <ul>
          <li><a href="#">食品安全</a></li>
          <li><a href="#">订购流程</a></li>
          <li><a href="#">修改订单</a></li>
          <li><a href="#">冷链配送</a></li>
          <li><a href="#">全程冷链</a></li>
        </ul>
      </div>
      <div class="item">
        <h1 class="hd">产品理念</h1>
        <ul>
          <li><a href="#">食品安全</a></li>
          <li><a href="#">订购流程</a></li>
          <li><a href="#">修改订单</a></li>
          <li><a href="#">冷链配送</a></li>
          <li><a href="#">全程冷链</a></li>
        </ul>
      </div>
      <div class="item">
        <h1 class="hd">产品理念</h1>
        <ul>
          <li><a href="#">食品安全</a></li>
          <li><a href="#">订购流程</a></li>
          <li><a href="#">修改订单</a></li>
          <li><a href="#">冷链配送</a></li>
          <li><a href="#">全程冷链</a></li>
        </ul>
      </div>
      <div class="fr">
        <img src="images/img2.jpg">
        <img src="images/img3.jpg">
      </div>
    </div>
    <div class="gotop">&#xe608;</div>
  </div>
  <div class="foot tc">Copyright © 2003-2015 17素材, All Rights Reserved</div>  
<script src="js/jquery.js"></script>
<script src="date/WdatePicker.js"></script>
<script src="js/Action.js"></script>

<script src="js/chosen.jquery.js"></script>
<script type="text/javascript">
$(document).ready(function($){
	//select 样式美化
	 var config = {
		'.chosen-select-no-single' : {disable_search_threshold:10}
	}
	for (var selector in config) {
		$(selector).chosen(config[selector]);
	}
});
</script>
</body>
</html>